<html>
    <head>
        <title>Test</title>
        <style></style>
        <script>

          // Reactor is available out of the box:

          class Hello extends Element 
          {
            count;

            // constructor, called once 
            constructor(props) {
              super();
              this.count = props.initialCount;
            }

            // renderer is called on initial mounting and by componentUpdate
            render(props,kids)
            {
              return <body>
                <button id="test">{this.count} clicks</button>
              </body>;
            }

          // event handler defined as method
          // must start with "on " + eventname and may have "at " + selector
            ["on click at button#test"]() 
            {
              this.componentUpdate { count : this.count + 1 };
              // note, this above is a short form of
              // this.componentUpdate ({ count : this.count + 1 });
            }

          }

          document.body.patch(<Hello initialCount={0} />);

        </script>

    </head>
    <body>
    </body>


</html>